<template>
    <section>
        <p>36 vuetify 单个滑动进度条</p>
    <div>
      <v-slider
        v-model="slider1"
        color="orange"
        label="color"
      ></v-slider>
  
      <v-slider
        v-model="slider2"
        label="track-color"
        track-color="green"
      ></v-slider>
  
      <v-slider
        v-model="slider3"
        label="thumb-color"
        thumb-color="purple"
      ></v-slider>
    </div>
    <p>{{ slider1.toFixed(1) }}</p>
    <p>{{ slider2.toFixed(1) }}</p>
    <p>{{ slider3.toFixed(1) }}</p>
    
</section>
  </template>
  <script>
    export default {
      data: () => ({
        slider1: 0,
        slider2: 50,
        slider3: 100,
      }),
    }
  </script>